<!DOCTYPE html>
<html lang="en-GB">
<head>
<meta charset="UTF-8" />
<title>Build An HTML5 Game | A Developer&#039;s Guide with CSS and JavaScript</title> 
<link rel="stylesheet" type="text/css" media="all" href="css/index.css" /> 
<link rel="alternate" type="application/rss+xml" title="Build An HTML5 Game &raquo; Home Comments Feed" href="http://buildanhtml5game.com/?feed=rss2&#038;page_id=12" />
<link rel='stylesheet' id='sabai-css'  href='http://buildanhtml5game.com/wp-content/plugins/sabai/assets/css/main.css?ver=1423589175' type='text/css' media='all' />
<link rel='stylesheet' id='sabai-discuss-css'  href='http://buildanhtml5game.com/wp-content/plugins/sabai-discuss/assets/css/main.css?ver=1423589175' type='text/css' media='all' />
<script type='text/javascript' src='http://buildanhtml5game.com/wp-includes/js/jquery/jquery.js?ver=1.11.1'></script>
<script type='text/javascript' src='http://buildanhtml5game.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.2.1'></script>
<script type='text/javascript' src='http://buildanhtml5game.com/wp-content/plugins/sabai/assets/js/sabai.js?ver=4.1'></script>
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://buildanhtml5game.com/xmlrpc.php?rsd" /> 
<meta name="generator" content="WordPress 4.1" />
<link rel='canonical' href='http://buildanhtml5game.com/' />
<link rel='shortlink' href='http://buildanhtml5game.com/' />

<!-- BEGIN GADWP v4.4.4 Universal Tracking - https://deconf.com/google-analytics-dashboard-wordpress/ -->
<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
  ga('create', 'UA-46227453-4', 'auto');
  ga('send', 'pageview');
</script>
<!-- END GADWP Universal Tracking -->

</head>

<body class="home page page-id-12 page-parent page-template-default">
<div id="header">
    <img id="header_left" src="http://buildanhtml5game.com/wp-content/themes/buildanhtml5game/img/header_left.png" />
	<img id="header_right" src="http://buildanhtml5game.com/wp-content/themes/buildanhtml5game/img/header_right.png" />
		<img id="title" src="http://buildanhtml5game.com/wp-content/themes/buildanhtml5game/img/title.png" alt="Build An HTML5 Game" title="Build An HTML5 Game" />
	</div>
<div id="nav_box">
	<ul id="main_nav">
		<li class="page_item page-item-12 page_item_has_children current_page_item"><a href="http://buildanhtml5game.com/">Home</a></li>
<li class="page_item page-item-16"><a href="http://buildanhtml5game.com/?page_id=16">About The Book</a></li>
<li class="page_item page-item-18"><a href="http://buildanhtml5game.com/?page_id=18">Downloads</a></li>
<li class="page_item page-item-20"><a href="http://buildanhtml5game.com/?page_id=20">Play Bubble Shooter</a></li>
<li class="page_item page-item-22 page_item_has_children"><a href="http://buildanhtml5game.com/?page_id=22">Solutions To Further Practice</a></li>
 
	</ul>
</div><div id="middle">
	<div id="main">
		<div id="content">
									
			<div class="page_text"><p>If you already have even basic familiarity with HTML, CSS, and JavaScript, you’re ready to learn how to<br />
build a browser-based game. In Build an HTML5 Game, you’ll use your skills to create a truly cross<br />
platform bubble-shooter game — playable in both desktop and mobile browsers.</p>
<p><img style="float: right; margin-left: 20px;" class="alignnone size-full wp-image-26" src="http://buildanhtml5game.com/wp-content/uploads/2015/02/screenshot.png" alt="Bubble Shooter" width="240" height="178" /></p>
<p>Through the book’s in-depth, hands-on tutorial, you’ll<br />
learn how to:</p>
<ul>
<li>Send sprites zooming around the screen with JavaScript animations</li>
<li>Make things explode with a jQuery plugin</li>
<li>Use hitboxes and geometry to detect collisions</li>
<li>Implement game logic to display levels and respond to player input</li>
<li>Convey changes in game state with animation and sound</li>
<li>Add flair to a game interface with CSS transitions and transformations</li>
<li>Gain pixel-level control over your game display with the HTML canvas</li>
</ul>
<p></p>
<p>The programming starts right off in Chapter 1. No hemming and hawing, history, or throat clearing.</p>
<p>Exercises at the end of each chapter challenge you to dig into the bubble shooter’s code and modify the game.</p>
<p>Go ahead. Take the plunge. Learn to create a complete HTML5 game right now, and then use your newfound skills to build your own mega-popular, addictive game.</p>
</div>
					</div>
	<div id="sidebar">
	<a class="but_buy_amazon" href="http://www.amazon.com/Build-HTML5-Game-Developers-JavaScript/dp/1593275757">
		<img class="book_cover" src="http://buildanhtml5game.com/wp-content/themes/buildanhtml5game/img/book_cover.png" />
	</a>
	<p>
		<a class="but_buy_amazon" href="http://www.amazon.com/Build-HTML5-Game-Developers-JavaScript/dp/1593275757">A Developer's Guide with
		CSS3 and JavaScript
		<br />
		by Karl Bunyan</a>
	</p>
	<p>
		March 2015, 192 pp.
		<br/>
		ISBN: 978-1-59327-575-4
	</p>
	<a class="but_buy_amazon" href="http://www.amazon.com/Build-HTML5-Game-Developers-JavaScript/dp/1593275757">
		<img src="http://buildanhtml5game.com/wp-content/themes/buildanhtml5game/img/but_buy_amazon.png" />
	</a>
	<div>
		<a href="http://nostarch.com/html5game"><img src="http://buildanhtml5game.com/wp-content/themes/buildanhtml5game/img/banner_no_starch.png" /></a>
	</div>	
</div>	</div>
</div>
<div id="footer">
	<img class="cutout" src="http://buildanhtml5game.com/wp-content/themes/buildanhtml5game/img/cut-out.png" />
	<div id="copyright">Copyright &copy; 2015 Wedu Games</div>
	<a href="?page_id=117" id="contact">Contact</a>
</div>
<script type='text/javascript' src='http://buildanhtml5game.com/wp-includes/js/comment-reply.min.js?ver=4.1'></script>
</body>
</html>